a.post-link {
	text-decoration: none;
	color: black;
	cursor: default;

	div.card {
		padding: 10px;
		border-bottom: 2px solid #f3f3f3;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;

		&:hover {
			background: #f5f8fa;
		}

		div.card-image {
			margin-top: 2px;
			width: 60px;

			/deep/ img {
				border-radius: 5px;
			}
		}

		div.card-content {
			margin-left: 15px;
			flex: 1;

			div.card-header {
				margin-bottom: 5px;

				a#profile-link {
					text-decoration: none;
					color: inherit;

					&:hover .name,
					&:focus .name{
						color: #2280d0;
					}

					span.name {
						color: black;
						font-size: 1.1em;
					}
					span.handle {
						color: gray;
						font-size: 0.95em;
					}
				}
			}

			.gallery ul {
   			display: flex;
     		justify-content: center;
    		flex-flow: row wrap;
    		list-style: none;
			}

			.gallery li {
   			margin: 1px 1px;
				flex-grow: 1;
    		flex-basis: calc(50% - 20px);
			}

			.gallery /deep/ img {
				width: 100%;
				object-fit: cover;
				object-position: center;
				border: 1px solid transparent;
				border-radius: 8px;
			}
			iframe.card-videos {
				width:100%;
				height:315px;
			}

			div.card-text{
				word-break: break-word;

				p {
					word-wrap: break-word;
				}
			}

			div.card-footer {
				max-width: 200px;
				margin-top: 12px;
				display: flex;
				justify-content: space-between;

				i.md-20{
					font-size: 20px;
				}

				div.action {
					color: #aab8c2;
					display: flex;

					div.counter{
						margin-left: 5px;
					}
				}

				i.reply:hover {
					color: #89C9FA;
					cursor: pointer;
				}

				i.retweet:hover {
					color: #19cf86;
					cursor: pointer;
				}

				i.like:hover {
					color: #e81c4f;
					cursor: pointer;
				}
			}
		}
	}
}
